<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
  <head>
    <title>mbRC</title>

    <link href="/MediaBrowserService/web/css/webkit.css" type="text/css" rel="stylesheet" />    
    <script src="/MediaBrowserService/web/js/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/MediaBrowserService/web/js/iphone.js" type="text/javascript" charset="utf-8"></script>
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
		<link rel="apple-touch-icon" href="/MediaBrowserService/web/image/icon.png"/>
		<link rel="apple-touch-startup-image" href="/MediaBrowserService/web/image/startup.png"  />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  </head>

    <body id="body">
    		<div id="home" class="current">
            <div class="toolbar">
                <h1>MediaBrowser</h1>
            </div>
            <div class="info" id="info">Please wait while loading data</div>
            
            <br><br>
            <ul class="individual">
            	 <li><a href="javascript:void(0);" onclick="startUp(true);">Refresh</a></li>
               <li><a href="javascript:void(0);" onclick="flipload('search');clearSearch();">Search</a></li>
            </ul>			
						<ul class="individual">
								<li><a href="javascript:void(0);" onclick="slideload('config');">Config</a></li>
                <li><a href="javascript:void(0);" onclick="flipload('remote');">Remote</a></li>
            </ul>
						<div class="info">
                <p>
                	<strong>Mobile App</strong> By Treason<br>
                	<strong>Web Service</strong> By Evorgevol
                </p>
            </div>
    		</div>
        
        <div id="remote" class="selectable">
          <div class="toolbar">
              <h1 id="RemoteTitle">Remote</h1>
              <a class="cancel" onclick="closeFlip('remote')">Close</a>
          </div>
					<div class="nowplaying">
						
						<div class="npbuttons">
							<div class="npbuttonsCont">
								<div id="rew" onclick="doRemote('SkipBack','rew', 'blnk')"></div>	
							</div>
							<div class="npbuttonsCont">
								<div id="play" onclick="doRemote('Play','play', 'blnk')"></div>	
							</div>
							<div class="npbuttonsCont">
								<div id="pause" onclick="doRemote('Pause','pause', 'blnk')"></div>	
							</div>
							<div class="npbuttonsCont">
								<div id="stop" onclick="doRemote('Stop','stop', 'blnk')"></div>	
							</div>
							<div class="npbuttonsCont">
								<div id="for" onclick="doRemote('SkipForward','for', 'blnk')"></div>	
							</div>
						</div>
						
						<div id="seekbarContainer">
							<div class="timespanleft" id="timespanleft">0:00</div>
							<div class="slider" id="sliderbar">
								<div class="sliderh" id="sliderh"></div>	
								<div id="seekto"></div>
							</div>
							<div class="timespanright" id="timespanright">0:00</div>
						</div>
						
					</div>

			    <div class="cube-container" id="demo-cuboid">
			      <div class="cube toFront">      
			        <div class="face top"></div>
			        <div class="face front">
			        	
										<div class="rbutContainer" onclick="doRemote('Back','bback', 'sq')">
					        		<div id="bback"><img src="/MediaBrowserService/web/image/bback.png"></div>
					        	</div>
					        	<div class="rbutContainer" onclick="doRemote('Up','btop', 'sq')">
					        		<div id="btop"><img src="/MediaBrowserService/web/image/up.png"></div>
					        	</div>
					        	<div class="rbutContainer" onclick="doPage('Start','bgreen', 'sq')">
					        		<div id="bgreen"><img src="/MediaBrowserService/web/image/windows.png"></div>
					        	</div>
					        	        	
					        	<div class="rbutContainer" onclick="doRemote('Left','bleft', 'sq')">
					        		<div id="bleft"><img src="/MediaBrowserService/web/image/left.png"></div>
					        	</div>
					        	<div class="rbutContainerBig" onclick="doRemote('Ok','bcenter', 'bcr')">
					        		<div id="bcenter"></div>
					        	</div>
					        	<div class="rbutContainer" onclick="doRemote('Right','bright', 'sq')">
					        		<div id="bright"><img src="/MediaBrowserService/web/image/right.png"></div>
					        	</div>
					        	
					        	<div class="rbutContainer" onclick="doRemote('fastDown','ChannelDown', 'sq')">
					        		<div id="fastDown"><img src="/MediaBrowserService/web/image/ddown.png"></div>
					        	</div>
					        	<div class="rbutContainer" onclick="doRemote('Down','bbottom','sq')">
					        		<div id="bbottom"><img src="/MediaBrowserService/web/image/down.png"></div>
					        	</div>
					        	<div class="rbutContainer" onclick="doRemote('fastUp','ChannelUp', 'sq')">
					        		<div id="fastUp"><img src="/MediaBrowserService/web/image/uup.png"></div>
					        	</div>
			        </div>
			        <div class="face bottom"></div>
			        <div class="face left">

					        	<div class="rbutContainer" onclick="doPage('LiveTV','LiveTV', 'sq')">
					        		<div id="LiveTV" class="rbutText">Live TV</div>
					        	</div>
					        	<div class="rbutContainer" onclick="doPage('RecordedTV','RecordedTV', 'sq')">
					        		<div id="RecordedTV" class="rbutText">Rec TV</div>
					        	</div>
					        	<div class="rbutContainer" onclick="doPage('TVGuide','TVGuide', 'sq')">
					        		<div id="TVGuide" class="rbutText">Guide</div>
					        	</div>
					        	
					        	<div class="rbutContainer" onclick="doPage('MyVideos','MyVideos', 'sq')">
					        		<div id="MyVideos" class="rbutText">Videos</div>
					        	</div>
					        	<div class="rbutContainer" onclick="doPage('Start','bbgreen', 'sq')">
					        		<div id="bbgreen"><img src="/MediaBrowserService/web/image/windows.png"></div>
					        	</div>
					        	<div class="rbutContainer" onclick="doPage('MovieLibrary','MovieLibrary', 'sq')">
					        		<div id="MovieLibrary" class="rbutText">Movies</div>
					        	</div>

					        	
					        	<div class="rbutContainer" onclick="doPage('MorePrograms','MorePrograms', 'sq')">
					        		<div id="MorePrograms" class="rbutText">Programs</div>
					        	</div>
					        	<div class="rbutContainer" onclick="doPage('MyMusic','MyMusic', 'sq')">
					        		<div id="MyMusic" class="rbutText">Music</div>
					        	</div>
					        	<div class="rbutContainer" onclick="doPage('MyPictures','MyPictures', 'sq')">
					        		<div id="MyPictures" class="rbutText">Pictures</div>
					        	</div>
					        	

										
			        </div>
			        <div class="face right">
										<div style="padding-top: 40px; clear: both"></div>
										
						        <div style="width: 33%; float: left; margin-left: auto !important; margin-right: auto !important;">
						        	<div class="controls">
						        		<span class="rbutContainerSm" id="vUp" onclick="doRemote('VolUp','vUp', 'scr')">&#x25B2;</span>
						        		<span>Volume</span>
						        		<span class="rbutContainerSm" id="vDown" onclick="doRemote('VolDown','vDown', 'scr')">&#x25BC;</span>
						        	</div>	
					        	</div>
					        	
					        	<div class="rbutContainerBig" onclick="doRemote('Ok','bbbcenter', 'bcr')">
					        		<div id="bbbcenter"></div>
					        	</div>
					 
					        	<div style="width: 33%; float: left;  margin-left: auto !important; margin-right: auto !important;">
						        	<div class="controls">
						        		<span class="rbutContainerSm" id="cUp" onclick="doRemote('ChannelUp','cUp', 'scr')">&#x25B2;</span>
						        		<span>Channel</span>
						        		<span class="rbutContainerSm" id="cDown" onclick="doRemote('ChannelDown','cDown', 'scr')">&#x25BC;</span>
						        	</div>
					        	</div>
					        	
										<div style="padding-top: 20px; clear: both"></div>
										
					        	<div class="rbutContainer" onclick="doRemote('Record','Record', 'sq')">
					        		<div id="Record" class="rbutText">Record</div>
					        	</div>
					        	<div class="rbutContainer" onclick="doRemote('Info','Info', 'sq')">
					        		<div id="Info" class="rbutText">Info</div>
					        	</div>
					        	<div class="rbutContainer" onclick="doRemote('Zoom','Zoom', 'sq')">
					        		<div id="Zoom" class="rbutText">Zoom</div>
					        	</div>	
					        	
			        </div>
			
			        <div class="face rear">
			        	
					        	<div class="rkeyContainer" onclick="doRemote('Num1','Num1', 'sq')">
					        		<div id="Num1">1</div>
					        	</div>
					        	<div class="rkeyContainer" onclick="doRemote('Num2','Num2', 'sq')">
					        		<div id="Num2">2</div>
					        	</div>
					        	<div class="rkeyContainer" onclick="doRemote('Num3','Num3', 'sq')">
					        		<div id="Num3">3</div>
					        	</div>	
					        	<div class="rkeyContainer" onclick="doRemote('Num4','Num4', 'sq')">
					        		<div id="Num4">4</div>
					        	</div>
					        	<div class="rkeyContainer" onclick="doRemote('Num5','Num5', 'sq')">
					        		<div id="Num5">5</div>
					        	</div>
					        	<div class="rkeyContainer" onclick="doRemote('Num6','Num6', 'sq')">
					        		<div id="Num6">6</div>
					        	</div>	
					        	<div class="rkeyContainer" onclick="doRemote('Num7','Num7', 'sq')">
					        		<div id="Num7">7</div>
					        	</div>
					        	<div class="rkeyContainer" onclick="doRemote('Num8','Num8', 'sq')">
					        		<div id="Num8">8</div>
					        	</div>
					        	<div class="rkeyContainer" onclick="doRemote('Num9','Num9', 'sq')">
					        		<div id="Num9">9</div>
					        	</div>	
					        	<div class="rkeyContainer" onclick="doRemote('Star','Star', 'sq')">
					        		<div id="Star">*</div>
					        	</div>
					        	<div class="rkeyContainer" onclick="doRemote('Num0','Num0', 'sq')">
					        		<div id="Num0">0</div>
					        	</div>
					        	<div class="rkeyContainer" onclick="doRemote('Clear','Clear', 'sq')">
					        		<div id="Clear">C</div>
					        	</div>	

			        </div>      
			      </div>
			    </div>

					<div id="cuboid-buttons" class="pageswipeContainer">
						<div class="swipeButtonsH" cubeto="Front"></div>
						<div class="swipeButtons" cubeto="Left"></div>
						<div class="swipeButtons" cubeto="Right"></div>
						<div class="swipeButtons" cubeto="Rear"></div>
					</div>

        </div>
        
        <div id="search" class="selectable">
          <div class="toolbar">
              <h1>Search</h1>
              <a class="cancel" onclick="closeFlip('search')">Close</a>
          </div>
          
					<div class="searchbox" style="display: block; ">
						<form onsubmit="$('#searchsubmit').focus(); return false;" >
							<fieldset><input type="text" Title="Search" placeholder="Search" id="searchbox" onkeyup="keyupSearch(this.value)";">
							<input type="submit" id="searchsubmit" value=""><div id="closesearch" onclick="clearSearch();"></div></fieldset>
						</form>
					</div>
        	
        	<ul id="resultssearch" class="edgetoedge">
        		
        	</ul>
        </div>
        
				<div id="config" class="selectable">
            <div class="toolbar">
                <h1>Configuration</h1>
            </div>
 
            <ul class="form rounded">
                <li>Refresh on load<span class="toggle"><input type="checkbox" checked="checked" value="foo" id="StartupScan"></span></li>
                <li>Snap on goBack <span class="toggle"><input type="checkbox" checked="checked" value="foo" id="snapTo"></span></li>
                <li>Show Trailers <span class="toggle"><input type="checkbox" checked="checked" value="foo" id="imdb"></span></li>
                <li>Sort By
                    <select id="Sort">
                      <option value="DT DESC">Date</option>
                      <option value="Name ASC">Name</option>
                    </select>
                </li>
                <li>Titles Per Page
                    <select id="perPage">
                      <option value="20" selected="selected">20</option>
                      <option value="30">30</option>
                      <option value="40" selected="selected">40</option>
                      <option value="50">50</option>
                      <option value="75">75</option>
                      <option value="100">100</option>
                      <option value="150">150</option>
                    </select>
                </li>                   
            </ul>
            <p><a class="blueButton" href="javascript:void(0)" onclick="saveSettings()">Save and Close</a></p>
						<p><a class="redButton" href="javascript:void(0)" onclick="closeSlide('config');buildDB(true);startUp(true);">Wipe Database</a></p>

        </div>
        
				<div id="picklist" class="selectable">
            <div class="toolbar">
                <h1>Play Options</h1>
            </div>
            
            <div id="play1" style="display:none">
	            <p>&nbsp;</p>
	            <p><a class="whiteButton" href="javascript:void(0)" onclick="playthis()">Play in MediaCenter</a></p>
	            <br>
	            <p><a class="whiteButton" href="javascript:void(0)" onclick="streamthis()">Stream to Device</a></p>
          	</div>
          	
          	<div id="play2" style="display:none">
	            <p>&nbsp;</p>

          	</div>
          	
            <p>&nbsp;</p>
            
						<p><a class="redButton" href="javascript:void(0)" onclick="closePlay();">Close</a></p>

        </div>
        
        <div style="display:none">
        	<input type="hidden" id="curPage" value="">
        	<input type="hidden" id="curHistory">
        	<input type="hidden" id="scrollx" value="0">
        	<input type="hidden" id="scrolly" value="0">
        </div>
        
    </body>

</html>